<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>xxx网站</title>
    <link rel="stylesheet" href="css/网站首页-宠物养护.css">
    <style>
       
    </style>
</head>
<body>
    <div id="top">
        <!-- 头栏的内容 -->
        <div id="header">
            <div>网站名称</div>
            <div><a href="#">注册</a></div>
            <div><a href="登录.html">登录</a></div>
            <!-- <div>啦啦啦</div> -->
        </div>

        <!-- logo,搜索栏,菜单栏 -->
        <div class="head">
            <div id="logo">
                logo
            </div>
            <div id="bar">
                <div>
                    <input type="text" name="search" placeholder="请输入关键词...">
                    <button type="button">搜索</button>
                </div>

                <div id="ear">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>

                <div id="menu"> <div><a id="a" href="宠物百科.html" target="_blank">宠物百科</a></div></div>
                <div id="menu"><div><a id="a" href="商城.html" target="_blank">商城</a></div></div>
                <div id="menu"><div><a id="a" href="宠物社区.html" target="_blank">宠物社区</a></div></div>
                <div id="menu"><div><a id="a" href="医疗美容.html" target="_blank">医疗美容</a></div></div>

            </div>
        </div>

        <!-- 下面头像区域,轮播图区域及下面的空白的框框 -->
        <div class="main">
            <div id="user">
                <div><img src="./images/user.png" alt=""></div>
                <div>Hi!~欢迎来到XXX</div>
                <div>
                    <input type="button" onclick="window.open('登录.html')" name="login" value="登录"/>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="button" onclick="window.open('注册')" name="register" value="注册"/>
                </div>
            </div>
            <div id="wheel">
                <div class="container">
                    <div class="photo">
                        <img src="./images/1.png" />
                        <img src="./images/p3.png" />
                        <img src="./images/p1.png" />
                        <img src="./images/p2.png" />
                    </div>
                </div>
            </div>
            <div class="list">
                <div class="menu1">
                    <div class="heading">宠物百科</div>
                    <div class="subheading">行为分析</div>
                    <div class="subheading">宠物养护</div>
                    <div class="subheading1">宠物种类</div>
                </div>
                <hr id="h1"/>
                <div class="knowledge">
                    <div class="desc">
                        <div class="name1">狗狗</div>
                        <div class="name2">更多》</div>
                    </div>
                    <img src="./images/dog.png"/>
                    <div class="substance">哈士奇&nbsp;贵宾犬&nbsp;博美<br/>柴犬&nbsp;藏獒
                        法国斗牛犬&nbsp;<br/>边境牧羊犬&nbsp;腊肠犬&nbsp;<br/>德国牧羊犬&nbsp;蝴蝶犬&nbsp;</div>
                </div>
                <div id="split"></div>
                <div class="knowledge">
                    <div class="desc">
                        <div class="name1">猫猫</div>
                        <div class="name2">更多》</div>
                    </div>
                    <img src="./images/cat2.jpg"/>
                    <div class="substance">布偶猫&nbsp;英国短毛猫<br/>美国短毛猫&nbsp;波斯猫&nbsp;<br/>挪威森林猫&nbsp;巴厘猫&nbsp;<br/>俄罗斯蓝猫</div>
                </div>
                <hr id="h2">
                <hr id="h2">
            </div>
       </div>
       
    </div>
</body>
</html>